<!-- 定义组件实例 -->

<!-- 引入 vue 框架 -->
<script src="vue.js"></script>

<!-- 界面布局 -->
<div id="app">
    <my-component></my-component>
    <my-component></my-component>
</div>

<script>
    // 注册自定组件, 设置名称及完成功能
    Vue.component("my-component", {
        data() {
            return {
                count: 0,
            }
        },
        // 设置组件内容
        template: '<button @click="count++">被点击{{count}}次</button>',
    })


    var vue = new Vue({
        el: "#app",
        data: {

        },
        methods: {

        }
    })
</script>